<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="/WEB-INF/tld/Paging.tld" prefix="pagingTag"%>
<%@ taglib prefix="security" uri="http://www.springframework.org/security/tags"%>
<head>
	<title>Thêm | Sửa truyện</title>
	<script type="text/javascript">
		$(function(){
			//lay thong bao notice
		  	var notice = $.getUrlVar('notice');
			if (notice != null || notice != "") {
				if(notice=="successfully"){
					$("#notice").html("Thành công");
					$("#notice").fadeOut(5000);
				}else if(notice=="error"){
					$("#notice").html("Dữ liệu truyền vào chưa chính xác.");
					$("#notice").fadeOut(5000);
				}
			}
			//end
			
			$("#nameImage").change(function(){
				var lImage = $("#linkImage").val();
				var nImage = $(this).val();
				$(".image").attr("src",lImage+"/s152/"+nImage);
			});
		});
	</script>
</head>
<body>
	<section class="form">
		<form <c:choose>
				<c:when test="${truyen == null}">action="<spring:url value="/quan-ly/truyen-ma/xu-ly-tao-moi-truyen.htm" />"</c:when>
				<c:otherwise>action="<spring:url value="/quan-ly/truyen-ma/xu-ly-chinh-sua-truyen.htm" />"</c:otherwise>
			</c:choose>
		method="post">
			<fieldset>
				<legend>Thêm | Sửa truyện</legend>
				<section>
					<label for="name">Tên truyện: </label>
					<input type="text" id="name" name="name" class="validate[required]" placeholder="Nhập tên truyện..." value="${truyen.name}" />
				</section>
				<section>
					<label for="linkImage">Ảnh : </label>
					<input type="text" id="linkImage" name="linkImage" class="validate[required,custom[url]] w80" placeholder="Nhập linkImage..." value="${truyen.linkImage}" />
					<input type="text" id="nameImage" name="nameImage" class="validate[required] w19" placeholder="Nhập nameImage..." value="${truyen.nameImage}" />
					<img src="${truyen.linkImage}/s152/${truyen.nameImage}" class="image" />
				</section>
				<section>
					<label for="info">Tóm tắt truyện: </label>
					<textarea id="info" name="info" cols="100" rows="10">${truyen.info}</textarea>
				</section>
				<section>
					<label for="tacGia">Tác giả: </label>
					<input type="text" id="tacGia" name="tacGia" placeholder="Nhập tên tác giả..." value="${truyen.tacGia.name}" />
				</section>
				<section>
					<label for="categories">Thể loại: </label>
					<input type="text" id="categories" name="categories" placeholder="Nhập thể loại..." value="${truyen.categories}" />
				</section>
				<section>
					<label for="totalChapter">Số chapter hiện có: </label>
					<input type="text" id="totalChapter" name="totalChapter" placeholder="Nhập số chapter hiện có..." value="${truyen.totalChapter}" />
				</section>
				<section>
					<label>IsDelete: </label>
					Xóa<input type="radio" name="isDelete" value="true" <c:if test="${truyen.isDelete}">checked="checked"</c:if> />
					Bỏ Xóa<input type="radio" name="isDelete" value="false" <c:if test="${truyen.isDelete==false}">checked="checked"</c:if> />
				</section>
				<section>
					<label>IsFinished: </label>
					Đã hoàn thành<input type="radio" name="isFinished" value="true" <c:if test="${truyen.isFinished}">checked="checked"</c:if> />
					Đang cập nhật<input type="radio" name="isFinished" value="false" <c:if test="${truyen.isFinished==false}">checked="checked"</c:if> />
				</section>
				<section>
					<label>IsHot: </label>
					Hot<input type="radio" name="isHot" value="true" <c:if test="${truyen.isHot}">checked="checked"</c:if> />
					Bỏ hot<input type="radio" name="isHot" value="false" <c:if test="${truyen.isHot==false}">checked="checked"</c:if> />
				</section>
				<section>
					<label for="liked">Lượt thích: </label>
					<input type="text" id="liked" name="liked" placeholder="Nhập số lượt thích..." value="${truyen.liked}" />
				</section>
				<section>
					<label for="views">Lượt xem / Lượt xem tuần / Lượt xem tháng: </label>
					<input type="text" id="views" class="w33" name="views" placeholder="Nhập số lượt xem..." value="${truyen.views}" />
					<input type="text" id="viewsWeek" class="w33" name="viewsWeek" placeholder="Nhập số lượt xem tuần..." value="${truyen.viewsWeek}" />
					<input type="text" id="viewsMonth" class="w33" name="viewsMonth" placeholder="Nhập số lượt xem tháng..." value="${truyen.viewsMonth}" />
				</section>
				<section>
					<label for="sourceBy">Nguồn: </label>
					<input type="text" id="sourceBy" name="sourceBy" placeholder="blogtruyen,hixxinfo..." value="${truyen.sourceBy}" />
				</section>
				<section>
					<label for="linkSource">Link nguồn: </label>
					<input type="text" id="linkSource" name="linkSource" class="validate[custom[url]]" placeholder="http://..." value="${truyen.linkSource}" />
				</section>
				<section>
					<label for="translator">Người dịch: </label>
					<input type="text" id="translator" name="translator" placeholder="Nhập tên người dịch..." value="${truyen.translator}" />
				</section>
				<section>
					<c:if test="${truyen != null}"><input type="hidden" name="idTruyen" value="${truyen.id}" /></c:if>
					<button type="submit" class="button medium blue">Xong</button>
				</section>
			</fieldset>
		</form>
	</section>
	<section class="clr"></section>
</body>
